<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表元素</title>
	</head>
	<body>
		<!-- 列表：存储相同内容的元素
		 三种表现形式 ①有序列表【层级元素】 快捷键：ol>li 
		            ②无序列表【层级元素】  快捷键：ul>li
					有序列表与无序列表区别？
					编写网页必须使用无序列表，有利于SEO优化
					③定义列表[层级元素] 快捷键:dl>dt+dd
		 -->
		 <h4>定义列表</h4>
		 <dl>
		 	<dt><img src="img/1.png" alt="海绵宝宝"></dt>
		 	<dd>海绵宝宝</dd>
		 </dl>
		 <h4>无序列表</h4>
		 <ul>
		 	<li>哪吒</li>
		 	<li>731</li>
		 	<li>肖申克</li>
		 </ul>
		 <h4>有序列表</h4>
		 <ol>
		 	<li>熊出没</li>
		 	<li>喜洋洋</li>
		 	<li>宇宙星神</li>
		 </ol>
	</body>
</html>